<template>
	<div class="Balance">
		<div class="Balance-Header">
			<div class="Balance-Header-Title">
				昨日收益(元)
			</div>
			<div class="Balance-Header-Money">
				6.77
			</div>
			<div class="Balance-Header-Line"></div>
			<div class="Balance-Header-Rate">
				<div class="Balance-Header-Rate-Left">
					<div class="Balance-Header-Rate-Left-name">
						总金额(元)
					</div>
					<div class="Balance-Header-Rate-Left-Money">
						12000.00
					</div>
				</div>
				<div class="Balance-Header-Rate-Line"></div>
				<div class="Balance-Header-Rate-Left">
					<div class="Balance-Header-Rate-Left-name">
						七日年化(%)
					</div>
					<div class="Balance-Header-Rate-Left-Money">
						3.80000
					</div>
				</div>
			</div>
		</div>

		<div class="Balance-Body">
			<div class="Balance-Body-Title">
				<div class="Balance-Body-Title-Icon">
					<img src="static/img/My/purse2.png" width="100%" />
				</div>
				<div class="Balance-Body-Title-Name">
					资金管理
				</div>
			</div>
			<div class="Balance-Body-Item" v-for='(item,index) in List'>
				<div class="Balance-Body-Item-Body" >
					<div class="Balance-Body-Item-Body-Left">
						<div class="Balance-Body-Item-Body-name">
							<div class="Balance-Body-Item-Body-name-Icon">
								
							</div>
							<div class="Balance-Body-Item-Body-name-Title">
								{{item.title}}
							</div>
						</div>
						<div class="Balance-Body-Item-Body-name2">
							<div class="Balance-Body-Item-Body-name-Icon2">
								
							</div>
							<div class="Balance-Body-Item-Body-name-Title2">
								{{item.cont}}
							</div>
						</div>
					</div>
					<div class="Balance-Body-Item-Body-Icon">
						<img src="static/img/My/go.png" width="100%"/>
					</div>
				</div>
			</div>
			<!--转入和转出-->
			
			<div class="Balance-Body-item">
				<div class="Balance-Body-item-body">
					<div class="Balance-Body-item-left">
						<div class="Balance-Body-item-left-icon">
									
						</div>
						<div class="Balance-Body-item-left-title">
							转出
						</div>
					</div>
					<div class="Balance-Body-item-right">
						<img src="static/img/My/go.png" width="100%"/>
					</div>
				</div>
			</div>
			<div class="Balance-Body-item">
				<div class="Balance-Body-item-body">
					<div class="Balance-Body-item-left">
						<div class="Balance-Body-item-left-icon">
									
						</div>
						<div class="Balance-Body-item-left-title">
							转入
						</div>
					</div>
					<div class="Balance-Body-item-right">
						<img src="static/img/My/go.png" width="100%"/>
					</div>
				</div>
			</div>
			


		</div>
	</div>
</template>

<script>
	export default {
		name: 'Balance',
		data() {
			return {
				List:[{'title':'工资转入','cont':'从银行卡定时把资金转入到淘迪银行卡'},{'title':'去理财','cont':'用闲置的资金购买高收益的理财产品'}]
			}
		},
		created: function() {},
		components: {},
		methods: {

		}
	}
</script>

<style scoped>
	@import url("css/Balance.css");
</style>